<template>
  <div id="login">
    <Navbar></Navbar> 
    <PageName />
    <UsernameType />
    <div class="blank-10"></div>
    <Username />
    <Code />
    <Password />
    <Passwords :inlineStyle="{ marginBottom: 0 }"/>
    <div class="blank-102"></div>
    <Submit />
  </div>
</template>
<script>
import Navbar from "@c/common/Navbar";
import PageName from "./components/PageTitle";
import UsernameType from "./components/UsernameType";
import Username from "@c/common/form/Username";
import Password from "@c/common/form/Password";
import Passwords from "@c/common/form/Passwords";
import Submit from "@c/common/form/Submit";

import Code from "@c/common/form/Code"

import { reactive } from 'vue';
export default {
  name: 'Login',
  components: {
    Navbar,
    PageName,
    UsernameType,
    Username,
    Code,
    Password,
    Passwords,
    Submit
  },
  setup() {

    return {

    }
  },
  methods: {

  },
}
</script>
<style>

</style>